<template>
    <div>
        <ul class="alpList">
            <li v-for="(item,key) in cityList" :key="key" @click="handleLetter">{{key}}</li>
        </ul>
    </div>
</template>

<style scoped>
.alpList li{
    margin: .1rem 0rem;
    font-size: .3rem;
    color: #4cbdb9;
}
</style>

<script>
export default {
    data(){
        return{
            title:"字母表"
        }
    },
    props:['cityList'],
    methods:{
        handleLetter(e){
            this.$emit("letter",e.target.innerText)
        }
    }
}
</script>
